<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
</head>
<head>


<script >
var code=0;
  function yzm(){
     code=Math.floor(Math.random()*9000+1000);
    var span=document.getElementById("as");
    /*HTML DOM getElementById() 方法
HTML DOM Document 对象

定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

语法
document.getElementById(id)
说明
HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。

在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。*/
    span.innerHTML=code;

  }





/*


 未成功
function popt(){ 
    showPopWin("请选择",html:".html"); 
  }
注意：这里需要引入JQuery库文件。
<script   src="/js/common/jquery.min.js">
————————————————
版权声明：本文为CSDN博主「pan_junbiao」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/pan_junbiao/article/details/7429460
3、popShow的使用

(1) 打开弹出层

popShow({ title: "用户登录", ele: "#swinLogin", width: 468 });  //打开弹出层
参数说明：
title: '用户登录',                                            //标题 
ele: '#divID',                                                //目标id，必填   
html: '<div><p>提交成功</p></div>',     //支持html代码，若填写此项，ele可为空 
width: 700,                                                 //非必填 
hide: '#closeswin'                                    //关闭按钮id，非必填
(2) 关闭弹出层

popHide();  //关闭弹出层

  */


  var e=0
function ck1(){
   
   if(e==1) 
    alert("注册成功");
  else 
    alert("请完善信息");
}
function ck(ss){
  var ff=ss.value;
  if (ff==null || ff==""){
  ss.value=ss.name+"不能为空";
   }
  else if(ss.name=="用户名"){
    var g=/^\w{1,20}$/;
    if(g.test(ff)==false){
     ss.value="填写错误，请重新填写！！！"
    }
  }
    else if(ss.name=="首选E-mail"){
    var g=/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
    if(g.test(ff)==false){

     ss.value="填写错误，请重新填写！！！"
    }
  }
    else if(ss.name=="电话"){
    var g= /^((\d2,3)|(\d{3}\-))?(0\d2,3|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/;
    if(g.test(ff)==false){
     ss.value="填写错误，请重新填写！！！"
    }
  }
   else if(ss.name=="QQ号码"){
    var g= /^[1-9]*[1-9][0-9]*$/;
    if(g.test(ff)==false){
     ss.value="填写错误，请重新填写！！！"
    }
  }
    
 else if(ss.name=="手机"){
    var g= /^((\d2,3)|(\d{3}\-))?13\d{9}$/;
    if(g.test(ff)==false){
     ss.value="填写错误，请重新填写！！！"
    }
  }
else if(ss.name=="邮政编码"){
    var g= /^[1-9]\d{5}$/;
    if(g.test(ff)==false){
     ss.value="填写错误，请重新填写！！！"
    }
  }
  else if(ss.name=="密码"){
    var g= /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,16}$/;
    if(g.test(ff)==false){
     ss.value="填写错误，请重新填写！！！"
    }
  }
 if(ss.name=="注册码"){
    
    if(code!=ss.value)
     ss.value="验证码错误"
    }
   if(ss.name=="再次输入首选E-mail"){
    
    if(document.forms["myForm"]["首选E-mail:"].value!=ss.value)
     ss.value="两次输入不一致"
    }
  
  if(ss.name=="确认密码"){
    if(document.forms["myForm"]["密码"].value!=ss.value)
     ss.value="两次输入不一致"
  }
}


/*正则表达式简单语法及常用正则表达式
基本符号：
^  表示匹配字符串的开始位置  (例外  用在中括号中[ ] 时,可以理解为取反,表示不匹配括号中字符串)
$  表示匹配字符串的结束位置
*  表示匹配 零次到多次
+  表示匹配 一次到多次 (至少有一次)
?  表示匹配零次或一次
.  表示匹配单个字符 
|  表示为或者,两项中取一项
(  ) 小括号表示匹配括号中全部字符
[  ] 中括号表示匹配括号中一个字符 范围描述 如[0-9 a-z A-Z]
{  } 大括号用于限定匹配次数  如 {n}表示匹配n个字符  {n,}表示至少匹配n个字符  {n,m}表示至少n,最多m
\  转义字符 如上基本符号匹配都需要转义字符   如 \*  表示匹配*号
\w 表示英文字母和数字  \W  非字母和数字
\d  表示数字   \D  非数字
-------------------------------------------------------------------------------------------------------------------------------------------------
常用的正则表达式(转)
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/ 
匹配首尾空格的正则表达式：(^\s*)|(\s*$)
匹配IP地址的正则表达式：/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：http://(/[\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
sql语句：^(select|drop|delete|create|update|insert).*$
1、非负整数：^\d+$ 
2、正整数：^[0-9]*[1-9][0-9]*$ 
3、非正整数：^((-\d+)|(0+))$ 
4、负整数：^-[0-9]*[1-9][0-9]*$ 
5、整数：^-?\d+$ 
6、非负浮点数：^\d+(\.\d+)?$ 
7、正浮点数：^((0-9)+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ 
8、非正浮点数：^((-\d+\.\d+)?)|(0+(\.0+)?))$ 
9、负浮点数：^(-((正浮点数正则式)))$ 
10、英文字符串：^[A-Za-z]+$ 
11、英文大写串：^[A-Z]+$ 
12、英文小写串：^[a-z]+$ 
13、英文字符数字串：^[A-Za-z0-9]+$ 
14、英数字加下划线串：^\w+$ 
15、E-mail地址：^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$ 
16、URL：^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\s*)?$ 或：^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$
17、邮政编码：^[1-9]\d{5}$
18、中文：^[\u0391-\uFFE5]+$
19、电话号码：^((\d2,3)|(\d{3}\-))?(0\d2,3|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$
20、手机号码：^((\d2,3)|(\d{3}\-))?13\d{9}$
21、双字节字符(包括汉字在内)：^\x00-\xff
22、匹配首尾空格：(^\s*)|(\s*$)（像vbscript那样的trim函数）
23、匹配HTML标记：<(.*)>.*<\/\1>|<(.*) \/> 
24、匹配空行：\n[\s| ]*\r
25、提取信息中的网络链接：(h|H)(r|R)(e|E)(f|F) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?
26、提取信息中的邮件地址：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
27、提取信息中的图片链接：(s|S)(r|R)(c|C) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?
28、提取信息中的IP地址：(\d+)\.(\d+)\.(\d+)\.(\d+)
29、提取信息中的中国手机号码：(86)*0*13\d{9}
30、提取信息中的中国固定电话号码：(\d3,4|\d{3,4}-|\s)?\d{8}
31、提取信息中的中国电话号码（包括移动和固定电话）：(\d3,4|\d{3,4}-|\s)?\d{7,14}
32、提取信息中的中国邮政编码：[1-9]{1}(\d+){5}
33、提取信息中的浮点数（即小数）：(-?\d*)\.?\d+
34、提取信息中的任何数字 ：(-?\d*)(\.\d+)? 
35、IP：(\d+)\.(\d+)\.(\d+)\.(\d+)
36、电话区号：/^0\d{2,3}$/
37、腾讯QQ号：^[1-9]*[1-9][0-9]*$
38、帐号(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
39、中文、英文、数字及下划线：^[\u4e00-\u9fa5_a-zA-Z0-9]+$
*/

function ssss(){
var yhm=document.forms["myForm"]["用户名"].value;
var mm=document.forms["myForm"]["密码"].value;
var qrmm=document.forms["myForm"]["确认密码"].value;
var xm=document.forms["myForm"]["姓名"].value;
var em=document.forms["myForm"]["首选E-mail"].value;
var zcm=document.forms["myForm"]["抄送E-mail"].value;
var yjfx=document.forms["myForm"]["研究方向"].value;
var dw=document.forms["myForm"]["单位"].value;
var bm=document.forms["myForm"]["部门"].value;
var txdz=document.forms["myForm"]["通讯地址"].value;
var yzbm=document.forms["myForm"]["邮政编码"].value;
var dh=document.forms["myForm"]["电话"].value;
var sfz=document.forms["myForm"]["身份证"].value;
var sj=document.forms["myForm"]["手机"].value;

if (yhm==null || yhm==""){
  e=0
}
else if(mm==null || mm=="")
 	{
 		   e=0

 	}

else if(qrmm==null || qrmm=="")
 	{
 	  e=0

 	}
 	else if(xm==null || xm=="")
 	{
 		   e=0

 	}
 	else if(em==null || em=="")
 	{
 		e=0

 	}

 	else if(zcm==null ||zcm=="")
 	{
 		   e=0

 	}
 	else if(yjfx==null ||yjfx=="")
 	{
 		  e=0

 	}
 	else if(dw==null || dw=="")
 	{
 		   e=0

 	}

 	else if(bm==null || bm=="")
 	{
 		   e=0

 	}
 	else if(txdz==null || txdz=="")
 	{
 		   e=0

 	}
 	else if(yzbm==null || yzbm=="")
 	{
 		   e=0

 	}
 	else if(dh==null || dh=="")
 	{
 		   e=0

 	}
 	else if(sfz==null || xm=="")
 	{
 		   e=0

 	}
 	else if(sj==null || sj=="")
 	{
 		   e=0

 	}
  else
    e=1
 	
}

</script>

<!--
font-style:
值 描述
normal  默认值。浏览器显示一个标准的字体样式。
italic  浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。
-->
<style>
body{
color:green;
font-size: 20px;
font-style:oblique
}
input[type=text]{
      color :red;
      width :200px;
      background-color: #005500
    }
    input[type=submit]{
      color :blue;
      width :100px;
      height: 50px;
    }

</style>



</head>
<body background="a.jpg" style=" background-repeat:no-repeat ;background-size:100% 100%;background-attachment: fixed;" onload="yzm()">
	<!--
backgthisround-attachment   
可能的值
值       描述
scroll  默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时，背景图像不会移动。
inherit 规定应该从父元素继承 backgthisround-attachment 属性的设置。
backgthisround-repeat
值 描述
repeat  默认。背景图像将在垂直方向和水平方向重复。
repeat-x  背景图像将在水平方向重复。
repeat-y  背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。
inherit 规定应该从父元素继承 backgthisround-repeat 属性的设置。

值     描述
length  设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。

percentage  以父元素的百分比来设置背景图像的宽度和高度。
第一个值设置宽度，第二个值设置高度。
如果只设置一个值，则第二个值会被设置为 "auto"。
cover 
把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。
背景图像的某些部分也许无法显示在背景定位区域中。
contain 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。 


  -->
<form value=""  name="myForm" action="" onsubmit="ck1()" method="post" align="center">
<!--border="1"-->
<table  align="center">
	<h1>登录信息／E-mail</h1>
  <tr>
  	<td>用户名       </td>
  	<td><input type="text" value="" onblur="ck(this)" name="用户名" > (*)  </td>
  </tr>
  <tr>
<td></td>
<td>(用户名请用字母、数字、下划线等, 不支持引号、空格、星号、连续两个以上的下划线等. 长度不超过20个字符)</td>

  </tr>
  <tr>
  	<td>密码       </td>
  	<td><input type="text" value="" onblur="ck(this)" name="密码">(*)</td>
  </tr>


  <tr>
<td></td>
<td>(至少8-16个字符，至少1个大写字母，1个小写字母和1个数字，其他可以是任意字符：)</td>
  </tr>
<tr>
  	<td>确认密码       </td>
  	<td><input type="text" value="" onblur="ck(this)" name="确认密码">(*)</td>
  </tr>


  <tr>
  	<td>称呼:       </td>
  	<td>
  		<input type="radio" value="" onblur="ck(this)" name="c" value="">教授
  		<input type="radio" value="" onblur="ck(this)" name="c" value="">副教授
  		<input type="radio" value="" onblur="ck(this)" name="c" value="">先生
  		<input type="radio" value="" onblur="ck(this)" name="c" value="">女士
  	</td>
  </tr>

<tr>
  	<td>姓名       </td>
  	<td><input type="text" value="" onblur="ck(this)" name="姓名">(*)</td>
  </tr>
<tr>
<td></td>
<td>(请务必填写真实姓名, 该信息对投稿、费用寄送等非常重要)</td>
  </tr>

  <tr>
  	<td>英文姓名       </td>
  	<td>
     <table>
       <tr>
       	<td>First  Name</td>
       	<td><input type="text" value="" onblur="ck(this)" name="英文姓名">	</td>
       </tr>
       <tr >
				<td colspan="2">（名，例如晓明 对应的英式姓名为Xiao-Ming）</td>
					<!--
                  colspan 属性规定单元格可横跨的列数。
				    -->
	   </tr>


       <tr>
       	<td>Middle   Name</td>
       	<td><input type="text" value="" onblur="ck(this)" name="Middle   Name">	</td>
       </tr>


       <tr>
       	<td>Last   Name</td>
       	<td><input type="text" value="" onblur="ck(this)" name="Last   Name">	</td>
       </tr>
        
       <tr >
				<td colspan="2">（姓，全大写，例如张，对应ZHANG）</td>
					<!--
                  colspan 属性规定单元格可横跨的列数。
				    -->
	   </tr>


     </table>

  	</td>
  </tr>
  <tr>
  	<td>首选E-mail:       </td>
  	<td><input type="text" value="" onblur="ck(this)" name="首选E-mail">(*)</td>
  </tr>
  <tr>
  	<td>再次输入首选E-mail:	      </td>
  	<td><input type="text" value="" onblur="ck(this)" name="再次输入首选E-mail"></td>
  </tr>
  <tr>
  	<td>抄送E-mail:	      </td>
  	<td><input type="text" value="" onblur="ck(this)" name="抄送E-mail"></td>
  </tr>
  <tr>
  	<td>百度学术scholarID:	    </td>
  	<td><input type="text" value="" onblur="ck(this)" name="百度学术scholarID"></td>
  </tr>
  <tr>
  	<td>注册码:     </td>
  	<td><input type="text" value="" onblur="ck(this)" name="注册码">(*)           <span onclick="yzm()" id="as"  ></span></td>
  </tr>


</table>
















<table align="center"  >
	<h1>研究领域</h1>
  <tr>
  	<td>学科和专业:	</td>
  	<td><textarea></textarea></td>
  </tr>
    <tr>
  	<td>研究方向:</td>
  	<td><textarea value="" onblur="ck(this)" name="研究方向"></textarea></td>
  </tr>
  <tr>
<td></td>
<td>(*) (请输入您近期的研究领域和您关注的研究方向)</td>

  </tr>
  

</table>
















<table  align="center">
	<h1>通讯信息</h1>
  <tr>
  	<td>单位:	</td>
  	<td><input type="text" value="" onblur="ck(this)" name="单位"> (*)  </td>
  </tr>
  <tr>
<td></td>
<td>(请输入您完整单位信息, 不要用缩写. 长度不超过200个汉字) </td>

  </tr>
  <tr>
  	<td>单位英文名称:	</td>
  	<td><input type="text" value="" onblur="ck(this)" name="单位英文名称"></td>
  </tr>


  <tr>
<td></td>
<td>(请输入标准的您单位英文名称, 除公认的缩写外, 一般不要用缩写. 长度不超过400个字符)</td>
  </tr>
<tr>
  	<td>部门: </td>
  	<td><input type="text" value="" onblur="ck(this)" name="部门">(*)</td>
  </tr>

<tr>
  	<td>通讯地址:	</td>
  	<td><input type="text" value="" onblur="ck(this)" name="通讯地址">(*)</td>
  </tr>


  <tr>
<td></td>
<td>(请输入详细的邮寄地址，如地址有误将无法收取发票、稿费及样刊，将无法投递)</td>
  </tr>


  <tr>
  	<td>英文地址:	</td>
  	<td><input type="text" value="" onblur="ck(this)" name="英文地址"></td>
  </tr>
<tr>
  	<td>邮政编码:	</td>
  	<td><input type="text" value="" onblur="ck(this)" name="邮政编码">(*)</td>
  </tr>


  <tr>
<td></td>
<td>(请输入您通讯地址对应的邮编)</td>
  </tr>


  <tr>
  	<td>电话:</td>
  	<td><input type="text" value="" onblur="ck(this)" name="电话">(*)</td>
  </tr>


  <tr>
<td></td>
<td>(如果有多个电话号码, 请标明并用分号分隔. 最多不超过150个字符)</td>
  </tr>


  <tr>
  	<td>身份证:	</td>
  	<td><input type="text" value="" onblur="ck(this)" name="身份证">(*)</td>
  </tr>


  <tr>
<td></td>
<td>(请输入正确的15位或18位身份证号)</td>
  </tr>


 <tr>
  	<td>手机:	</td>
  	<td><input type="text" value="" onblur="ck(this)" name="手机">(*)</td>
  </tr>


  <tr>
<td></td>
<td>(请输入一个确保可以联系到您并且可以接收短信的11位手机号码.)</td>
  </tr>


   <tr>
  	<td>银行卡号:</td>
  	<td><input type="text" value="" onblur="ck(this)" name="银行卡号"></td>
  </tr>
   <tr>
  	<td>QQ号码:</td>
  	<td><input type="text" value="" onblur="ck(this)" name="QQ号码"></td>
  </tr>


</table>


<input type="submit" value="提交" onclick="ssss()">


</form>
	
</body>
</html>